<%@ page language="java" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
<head>
<!-- Standard Meta -->
<c:import url="../common/meda.jsp"></c:import>

<!-- Site Properties -->
<title>报考相关名词解释-${sysDesc}</title>
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/semantic.min.css">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/word-cloud.css">
<link rel="stylesheet" type="text/css"
	href="http://${static_server }/css/common.css">
<script src="http://${static_server }/js/jquery.min.js"></script>
<script src="http://${static_server }/js/semantic.min.js"></script>
<script src="http://${static_server }/js/wordcloud2.js"></script>
<script src="http://${static_server }/js/common.js"></script>
<script src="//${static_server }/js/title_menu.js"></script>
<script src="//${static_server }/js/word.js"></script>

</head>
<body class="pushable">
	<c:import url="../common/title_menu.jsp"></c:import>
	<div class="pusher">
		<div id="schoolheadsegment"
			class="ui vertical raised masthead segment">
			<div class="ui container">
				<div class="ui breadcrumb">
					<a class="section" href="http://${static_server }/"><i
						class="icon home"></i>首页</a>
					<div class="divider">/</div>
					<div class="active section">报考相关名词解释</div>
				</div>
			</div>
			<!-- content container end -->
		</div>

		<div id="mainsegment" class="ui vertical masthead segment">
			<div class="ui container">
				<div class="ui stackable grid">
					<div class="twelve wide column">
						<div class="ui segment">
							<div class="ui tiny dividing header">
						词云<i class="orange help inline circle icon"
							data-content="词云，词条越大表明该词条热度越高，越小代表热度越低，可点击查看具体词条"
							data-variation="wide"></i>
						
					</div>
					<div class="ui search" id="wordSearch">
						<div class="ui icon input">
							<input class="prompt" type="text" placeholder="输入名词关键字...">
							<i class="search icon"></i>
						</div>
						<div class="results"></div>
					</div>
							<div id="html-canvas" class="canvas"></div>
						</div>
					</div>
					<div class="four wide column">
						<h4 class="ui horizontal clearing divider header">热门词条</h4>
						<div class="ui segment">
							<div class="ui vertical text menu">
								<c:forEach var="item" items="${hotWords }"
									varStatus="secondStatus">
									<a class="item" href="/word/${item.id }/base.html"
										target="_blank">${item.wordName }</a>
								</c:forEach>
							</div>
						</div>
					</div>
				</div>
				
			</div>
			<!-- content container end -->
			
			<div class="ui modal" id="addWord">
				<i class="close icon"></i>
				<div class="header">增加新名词</div>
				<div class="content">
					<form class="ui form">
						<div class="field">
						    <label>新名词</label>
						    <input name="wordName" type="text">
						 </div>
						<div class="field">
						    <label>相关解释</label>
						    <textarea name="wordDescription"></textarea>
						 </div>
						 <div class="ui message my hidden"></div>
						 <div class="ui error message"></div>
					</form>
				</div>
				<div class="actions">
				    <div class="ui approve orange button">提交审批</div>
				    <div class="ui cancel button">取消</div>
				  </div>
			</div>
		</div>
		<!-- segment end -->
		<c:import url="../common/footer.jsp"></c:import>
	</div>
	<!-- pusher end -->
</body>
</html>